// 地图JS
// 坐标（注意：AMap 使用 [经度, 纬度]）
const lat = 30.045213;
const lng = 116.001587;

// === 1) 初始化地图 ===
const map = new AMap.Map("map", {
    center: [lng, lat],
    zoom: 15,
    viewMode: "2D",
    resizeEnable: true
});

// === 2) 自定义图标（把下面的 image 换成你的图片路径/URL） ===
// 建议提供 2x/3x 高清图；下面的 size 设为显示尺寸（CSS 像素）
const iconSize = new AMap.Size(40, 40); // 显示大小（可按你的图标视觉大小调整）
const customIcon = new AMap.Icon({
    image: "images/gmap_marker.webp",  // <-- 替换为你提供的 img 路径
    size: iconSize,                   // 容器尺寸
    imageSize: iconSize               // 将原图缩放到对应显示尺寸（适配高清屏）
    // imageOffset: new AMap.Pixel(0,0) // 如需裁剪雪碧图可使用
});

// === 3) 创建标记并使用自定义图标 ===
const marker = new AMap.Marker({
    position: [lng, lat],
    icon: customIcon,
    // 让图标“底部尖端”对准经纬度位置（锚点 0.5, 1）
    anchor: "bottom-center",
    title: "目的地"
});
map.add(marker);

// === 4) 信息窗体 + 点击导航 ===
const navUrl = `https://uri.amap.com/navigation?to=${lng},${lat},目的地&mode=car&src=yourAppName`;
const infoContent = `
      <div class="info-window">
         <div >湖北黄梅龙源石膏有限公司<br>销售电话：0713-3113888<br></div>
                <a style="color: red" class="nav-btn" href="https://uri.amap.com/navigation?to=${lng},${lat},中国平煤神马集团黄梅龙源石膏有限公司&mode=car&src=yourAppName" target="_blank">
                    <br>点击导航
                </a>
      </div>
    `;

const infoWindow = new AMap.InfoWindow({
    content: infoContent,
    offset: new AMap.Pixel(0, -28) // 适当上移，避免挡住图标
});

marker.on("click", () => {
    infoWindow.open(map, marker.getPosition());
});

// 页面加载后默认打开一次弹窗
infoWindow.open(map, marker.getPosition());

// 工具控件（比例尺/缩放）
AMap.plugin(["AMap.Scale", "AMap.ToolBar"], () => {
    map.addControl(new AMap.Scale());
    map.addControl(new AMap.ToolBar());
});